<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%; font-family:Microsoft Yahei;}

body { font-size:12px; font-family:Microsoft Yahei; color:#666; background:#fff;}
a {text-decoration:none; color:#666; transition: all 0.6s ease 0s; line-height:1.4;}
a:hover {text-decoration:none; color:#e71928; transition: all 0.6s ease 0s;}
img { border:none;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.g1300 { width:1300px; height:auto; margin: 0 auto;}
.fl { float:left;}
.fr { float:right;}


/*  头部  */
#header { width:100%; height:100%; }


/*  顶部  */
.top_xf { width:100%; height:36px; background:url(../images/top_bg.jpg) center repeat-x; }
.top_xf p { color:#5c5c5c; font-size:12px; line-height:35px; font-family:"微软雅黑";}
.top_xf p span { color:#f98a16; font-weight:bold;}
.top_xf p a { color:#5c5c5c; margin-left:5px; margin-right:5px;}
.top_xf p a.on { color:#e71928;}
.top_xf p a:hover { color:#e71928;}


/*  logo  */
.logo_xf { width:100%; height:174px; margin:0 auto;}
.logo_xf .logo_tu { margin-top:27px;}
.logo_xf .logo_tu a { display:block; }
.logo_xf .logo_tu a img { width:620px;}

/*  电话  */
.logo_xf .tel { height:auto; text-align:left; margin-top:25px;}

.logo_xf .tel .tel_ewm { margin-right:0px;}
.logo_xf .tel .tel_ewm p { width:18px; line-height:1.2; font-size:13px; margin-top:10px; font-family:"Microsoft JhengHei";}
.logo_xf .tel .tel_ewm img { margin:0px 0px 0px 0px;}

.logo_xf .tel .tel_xx { text-align:left; padding-left:0px;}
.logo_xf .tel .tel_xx p { font-size:16px; line-height:1.4; display:inline-block; color:#4c4c4c; font-family:"Microsoft JhengHei";}
.logo_xf .tel .tel_xx span { font-size:24px; font-weight:bold; color:#dd170d; line-height:1.4; display:inline;}


/*  导航列表  */
.nav_xf { width:100%; height:70px; margin:0 auto; background:url(../images/nav_bg.jpg) center repeat-x; position:relative; z-index:999;}
.nav_xf ul { width:1300px; height:70px; margin:0 auto;}
.nav_xf ul li { float: left; width:12.5%; height:69px; line-height:69px; text-align:center; margin-top:1px;}
.nav_xf ul li a { font-size:16px; color: #333; display: block; text-align:center; height:69px; line-height:69px;}
.nav_xf ul li a:hover { background:#e71928; color:#fff;}


/* banner */
.banner_xf { position:relative; height:700px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }
.slider{ width:100%; height:700px; margin:0 auto; overflow:hidden;}
.slider #slider1_container { position:relative; top: 0px; left: 0px; width:100%; height:700px;}
.slider .slides { cursor: move; position:absolute; overflow:hidden; left:0px; top:0px; width:100%; height:700px;}
.slider .slides div{ width:100%; height:700px; text-align:center; position:relative; overflow:hidden;}
.slider .slides div a { position:absolute; width:1920px !important; left:50% !important; vertical-align:middle; margin:0 auto; text-align:center;}
.slider .slides img { width:1920px !important; height:700px; text-align:center; vertical-align:middle; position:relative; left:-50% !important;}
.av{ background-color:#FFFFFF !important;}
.slidetip{ position:fixed; z-index:99; bottom:90px; left:48%;}



/*  中部  */
#contain { width:100%; height:auto; margin:0 auto;}

.g_tit { width:auto; height:36px; margin:0 auto; text-align:center;}
.g_tit p { font-size:26px; color:#333; line-height:36px; text-align:center;}
.g_tit span { display:inline; text-transform:uppercase;}


/*  关于我们  */
.about_xf { width:100%; height:680px; margin:0 auto;}

.about_xf .ys_nr { width:1300px; height:130px; margin:0 auto; border-bottom:1px solid #eee; padding-top:45px; margin-bottom:60px;}
.about_xf .ys_nr ul {}
.about_xf .ys_nr ul li { float:left; width:353px; height:74px; margin:28px 40px 28px 40px;}
.about_xf .ys_nr ul li .tu { width:74px; height:74px;}
.about_xf .ys_nr ul li .tu a { width:74px; height:74px; display:table-cell; background:#f5f5f5; text-align:center; vertical-align:middle; border-radius:50%;}
.about_xf .ys_nr ul li .tu a img { vertical-align:middle; text-align:center; transition:all 0.6s;}
.about_xf .ys_nr ul li .tu a:hover img { transform:rotateY(360deg);}
.about_xf .ys_nr ul li .zi { width:250px; height:74px; overflow:hidden;}
.about_xf .ys_nr ul li .zi h3 { font-size:18px; color:#333; line-height:1.8;}
.about_xf .ys_nr ul li .zi p { font-size:14px; color:#999; text-align:justify; margin-top:5px; line-height:1.4;}

.about_xf .g_tit {}

.about_xf .about_nr { width:1300px; height:220px; margin:0 auto; margin-top:40px;}
.about_nr .about_zi { width:600px; height:220px; margin:0px 20px 0px 30px; overflow:hidden;}
.about_nr .about_zi p { font-size:14px; line-height:1.6; text-indent:2em; text-align:justify;}
.about_nr .about_zi.en { margin:0px 30px 0px 20px;}
.about_nr .about_zi.en p { word-break:break-all;}

.about_xf .more { width:310px; height:35px; margin:0 auto; margin-top:40px;}
.about_xf .more a { width:310px; height:35px; display:block; background:#dd170d; color:#fff; font-size:13px; line-height:35px; text-align:center;}
.about_xf .more a:hover { }


/*  视频  */
.video_xf { width:100%; height:640px; margin:0 auto; background:url(../images/video_bg.jpg) center center no-repeat;}

.video_xf .video_nr { width:1300px; height:440px; margin:0 auto;}
.video_xf .video_nr .video_tu { float:right; width:650px; height:440px; margin-top:100px;}




/*  产品展示  */
.pro_xf { width:100%; height:680px; margin:0 auto; background:url(../images/pro_bg.jpg) center center repeat;}
.pro_xf .g_tit { padding-top:75px;}

.pro_xf .pro_nr { width:1300px; height:375px; margin:0 auto; margin-top:40px;}
.pro_nr .cityList { width:1300px; height:375px; margin:0 auto;}
.pro_nr .cityList .lieb { width:720px; height:39px; margin:0 auto;}
.pro_nr .cityList .lieb ul.liebChar { width:1300px;}
.pro_nr .cityList .lieb ul.liebChar li { width:124px; height:39px; line-height:35px; text-align:center; float:left; margin:0 10px 0 10px;}
.pro_nr .cityList .lieb ul.liebChar li.on:nth-child(1) a { background:#dd170d; border:2px solid #dd170d; color:#fff;}
.pro_nr .cityList .lieb ul.liebChar li.on {}
.pro_nr .cityList .lieb ul.liebChar li a { width:120px; height:35px; line-height:35px; text-align:center; color:#333; display:block; border:2px solid #aaa; font-size:14px; border-radius:25px;}
.pro_nr .cityList .lieb ul.liebChar li a:hover { background:#dd170d; border:2px solid #dd170d; color:#fff;}
.pro_nr .cityList .lieb ul.liebChar li.on a { background:#dd170d; border:2px solid #dd170d; color:#fff;}

.pro_nr .cityList .cityListBox { width:1300px; height:305px; margin-top:30px;}
.pro_nr .cityList .cityListBox .hotCity { width:1300px; height:305px;}
.pro_nr .cityList .cityListBox .none { display:none;}
.pro_nr .cityList .cityListBox .pro_tu { width:1300px; height:305px; margin:0 auto;}
.pro_nr .cityList .cityListBox .pro_tu ul { width:1320px; height:305px;}
.pro_nr .cityList .cityListBox .pro_tu ul li { width:310px; height:305px; float:left; margin-right:20px;}
.pro_nr .cityList .cityListBox .pro_tu ul li a { width:310px; height:305px; background:#fff; position:relative; display:table-cell; text-align:center; vertical-align:middle;}
.pro_nr .cityList .cityListBox .pro_tu ul li a img { max-width:310px; max-height:305px; text-align:center; vertical-align:middle;}
.pro_nr .cityList .cityListBox .pro_tu ul li a p { width:310px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#fff; background:rgba( 221,23,13,0.8); position:absolute; bottom:0px; transition:all 0.6s;}
.pro_nr .cityList .cityListBox .pro_tu ul li a:hover p { height:50px; line-height:50px; transition:all 0.6s;}

.pro_xf .more { width:310px; height:35px; margin:0 auto; margin-top:45px;}
.pro_xf .more a { width:310px; height:35px; display:block; background:#dd170d; color:#fff; font-size:13px; line-height:35px; text-align:center;}
.pro_xf .more a:hover { }


/*  荣誉资质  */
.honor_xf { width:100%; height:420px; margin:0 auto; background:url(../images/honor_bg.jpg) top center no-repeat;}

.honor_xf .honor_nr { width:1300px; height:405px; margin:0 auto;}
.honor_nr .friend{ width:720px; height:405px; margin:0 auto; overflow:hidden; float:right; margin-top:70px; background:rgba( 255,255,255,0.3); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); position:relative;}
.honor_nr .mr_frbox{ width:720px; height:190px; padding:95px 0px 0px 0px; position:relative;}
.honor_nr .mr_frBtnL{ cursor:pointer; display:inline; float:left; width:40px; height:40px; position:relative; top:80px; left:20px; }
.honor_nr .mr_frBtnR{ cursor:pointer; display:inline; float:right; width:40px; height:40px; position: relative; top:80px; right:20px; }
.honor_nr .mr_frUl{ width:570px; height:190px; float:left; margin-left:35px; overflow:hidden;}
.honor_nr .mr_frUl ul{ width:580px; height:190px; list-style:none;}
.honor_nr .mr_frUl ul li{ display:inline; float:left; width:270px; height:190px; overflow:hidden; position:relative; margin-left:10px; margin-right:10px;}
.honor_nr .mr_frUl ul li .honor_tu { width:270px; height:190px;}
.honor_nr .mr_frUl ul li .honor_tu a { width:270px; height:190px; display:table-cell; text-align:center; vertical-align:middle;}
.honor_nr .mr_frUl ul li .honor_tu a img { max-width:270px; max-height:190px; text-align:center; vertical-align:middle;}
.honor_nr .mr_frUl ul li .honor_zi { width:270px; height:45px;}
.honor_nr .mr_frUl ul li .honor_zi a { width:270px; height:45px; line-height:45px; text-align:center; display:block; font-size:14px; color:#444; display:none;}



/*  新闻资讯  */
.news_xf { width:100%; height:840px; margin:0 auto; background:url(../images/news_bg.jpg) center center no-repeat fixed;}
.news_xf .g_tit { padding-top:160px;}

.news_xf .news_nr { width:1300px; height:360px; margin:0 auto; border-top:1px solid #eee; padding-top:60px; margin-top:35px;}
.news_nr ul { width:1200px; height:360px; margin:0 auto;}
.news_nr ul li { width:590px; height:170px; float:left; margin-bottom:20px;}
.news_nr ul li:nth-child(2n-1) { margin-right:20px;}
.news_nr ul li a { width:590px; height:170px; display:block; background:#efefef;}
.news_nr ul li a .news_tu { width:160px; height:140px; float:left; margin:15px 0px 15px 20px;}
.news_nr ul li a .news_tu img { width:160px; height:140px;}
.news_nr ul li a .news_zi { width:365px; height:140px; float:left; margin:15px 0px 15px 20px;}
.news_nr ul li a .news_zi h3 { font-size:15px; color:#333; text-align:left; line-height:45px;}
.news_nr ul li a .news_zi span { font-size:12px; color:#999; text-align:left; line-height:1;}
.news_nr ul li a .news_zi p { font-size:13px; color:#999; text-align:justify; line-height:20px; margin-top:14px;}

.news_nr ul li a.hvr-sweep-to-right:before { background:#e3453d;}
.news_nr ul li a.hvr-sweep-to-right:hover h3 { color:#fff;}
.news_nr ul li a.hvr-sweep-to-right:hover span { color:#eee;}
.news_nr ul li a.hvr-sweep-to-right:hover p { color:#eee;}

.news_xf .more { width:310px; height:35px; margin:0 auto; margin-top:50px;}
.news_xf .more a { width:310px; height:35px; display:block; background:#dd170d; color:#fff; font-size:13px; line-height:35px; text-align:center;}
.news_xf .more a:hover { }



/*  联系我们  */
.cont_xf { background:url(../images/cont_bg.jpg) center center no-repeat; padding:45px 0px 35px 0px;}

.cont_xf .online li{ width:300px; height:140px; float:left; text-align:center;}
.cont_xf .online li a{ display:block; color:#fff;}
.cont_xf .online li a img{transition:all 0.6s; height:46px;}
.cont_xf .online li a:hover img{ transform:rotateY(360deg); }
.cont_xf .online li a h3{ font-size:18px; color:#fff; font-weight:normal; margin:30px auto 10px;}
.cont_xf .online li a p{ font-size:15px; color:rgba(255,255,255,0.5);}




/*  底部  */
#footer { width:100%; height:; margin:0 auto;}

.foot_nr { background: url(../images/foot_bg.jpg) no-repeat center bottom; background-color:#f3f3f3; padding:40px 0 30px;}
.foot_nr .foot_lieb{ width:770px; border-right:1px solid #d7d7d7;}
.foot_nr .foot_lieb ul li{ float:left; width:125px;}
.foot_nr .foot_lieb ul li b a{ color:#333; font-size:16px; font-weight:normal; display:block; padding-bottom:20px; background:url(../images/grey.jpg) no-repeat 0px bottom; margin-bottom:10px}
.foot_nr .foot_lieb ul li b { display:block; padding-bottom:7px;}
.foot_nr .foot_lieb ul li a { font-size:14px; color:#666; display:block; padding-bottom:12px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.foot_nr .foot_lieb ul li a:hover{ color:#e71928;}

.foot_nr .foot_cont{ width:525px;}
.foot_nr .foot_cont .rig { width:230px; float:left;}
.foot_nr .foot_cont .rig span{ display:inline-block; text-align:center; color:#333; font-size:13px; margin-left:80px;}
.foot_nr .foot_cont .rig img{ display:block; margin-bottom:14px;}

.foot_nr #cate {text-align: left;width:276px; float:right;}
.foot_nr #cate h4{font-size:18px; color:#dd170d; line-height:20px; margin-bottom:20px; margin-left:30px; font-weight:bold;} 
.foot_nr #cate p{font-size:14px; color:#666666; line-height:28px;margin-left:30px} 
.foot_nr #cate p span { margin-left:42px;}

.foot_icp{ width:100%; height:50px; background:#4c4c4c; }
.foot_icp p { font-size:14px; color:#fff; line-height:50px; text-align:center; text-transform:uppercase;}
.foot_icp p a{font-size:14px; color:#fff; line-height:50px; }
.foot_icp p a:hover{ color:#e71928;}
.foot_icp p span{ margin-left:20px; }



/*  返回顶部  */
.back_top{ width: 49px; height:auto; overflow: hidden; position: fixed; right: 1%; bottom: 2%; z-index: 20; background: url(images/top.png) no-repeat; cursor: pointer;}
.back_top a{width:49px;height: 49px; display: block; margin-bottom:10px; border-radius:50px; text-align:center;}

.back_top .shouji{background: #787676 url(../images/sho.png) no-repeat center;}
.back_top .weixin{background: #787676 url(../images/wei.png) no-repeat center;}

.back_top .back-top{ background: #787676 url(../images/top.png) no-repeat center; cursor: pointer; }








</pre></body></html>